<!DOCTYPE html>
<html lang="cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>幸福的直播间</title>
    <link rel="stylesheet" href="../../Public/css/mui.min.css">
    <link rel="stylesheet" href="../../Public/css/global.css">
    <link rel="stylesheet" href="../../Public/fonts/iconfont.css">
    <link rel="stylesheet" href="../../Public/css/swiper.min.css">
    <link rel="stylesheet" href="../../Public/libs/layer/need/layer.css">
    <link rel="stylesheet" href="../css/classroom_index.css">
</head>
<body>
    <div class="mui-bar mui-bar-tab">
        <a href="" class="mui-tab-item mui-active">
            <span class="iconfont icon-shouye"></span>
            <span class="mui-tab-label">教室主页</span>
        </a>
        <a href="classroom_backstage.html" class="mui-tab-item division-left">
            <span class="iconfont icon-wode"></span>
            <span class="mui-tab-label">管理后台</span>
        </a>
    </div>
    <div class="mui-content">
        <ul class="mui-table-view user">
            <li class="mui-table-view-cell mui-media">
                <a href="javascript:;">
                    <img class="mui-media-object mui-pull-left" src="../images/user.jpeg">
                    <div class="mui-media-body">
                        幸福的直播间<span><i class="iconfont icon-renzheng1"></i></span>
                        <p class='mui-ellipsis'><span>1</span>人关注</p>
                    </div>
                </a>
            </li>
        </ul>
        <!-- 轮播图 -->
        <div class="swiper-container">
            <div id="edit"><a href="classroom_editbanner.html">编辑</a></div>
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <img src="../images/banner1.jpg" alt="">
                </div>
                <div class="swiper-slide">
                    <img src="../images/banner2.jpg" alt="">
                </div>
            </div>
            <div class="swiper-pagination"></div>
        </div>
        <!-- 直播间操作 -->
        <div>
            <div class="mui-row option-wrap">
                <div id="hide">隐藏</div>
                <a class="mui-col-xs-4" href="futureCourse.html">
                    <div>
                        <span><i class="iconfont icon-kechengbiao"></i></span>
                        <div class="class_text">课表</div>
                    </div>
                </a>
                <a class="mui-col-xs-4" href="vip_des.html">
                    <div>
                        <span><i class="iconfont icon-huiyuan"></i></span>
                        <div class="class_text">会员</div>
                    </div>
                </a>
                <a class="mui-col-xs-4" href="../stu/live_room_info.html">
                    <div>
                        <span><i class="iconfont icon-xiangmujieshao"></i></span>
                        <div class="class_text">简介</div>
                    </div>
                </a>
            </div>
            <div class="show">
                <span>你已隐藏功能区，点击可恢复显示</span>
            </div>
        </div>

        <!-- 新建课程 -->
        <div class="mui-row createbtn">
            <div class="mui-col-xs-6">
                <a href="onece_create.html">
                    <div class="onece">新建单次课</div>
                </a>
            </div>
            <div class="mui-col-xs-6">
                <a href="series_create.html">
                    <div class="series">新建系列课</div>
                </a>
            </div>
        </div>
        <!-- 最新动态 -->
        <div class="dynamic-list">
            <div class="title">最新动态</div>
            <ul class="reclist">
                <li>
                    <a href="classroom_dynamic.html"><span class="rec">推荐</span>大四前，你需要了解的简历课</a>
                </li>
                <li>
                    <a href="classroom_dynamic.html"><span class="rec">推荐</span>达三千，你需要了解的简历课哈哈哈哈哈哈或啊哈哈哈</a>
                </li>
            </ul>
        </div>
        <a href="classroom_dynamic.html"><div class="edit-btn">前往编辑动态</div></a>
        <!-- 系列课 -->
        <div class="series-list">
            <a href="series_list.html">
                <div class="title mui-navigate-right">系列课</div>
            </a>
            <ul class="mui-table-view">
                <li class="mui-table-view-cell mui-media">
                    <img class="mui-media-object mui-pull-left seriesImg" src="../images/img_01.jpg">
                    <div class="mui-media-body">
                        <div class="seriesTitle"><span class="seriesText">心想事成100天线上成长营</span><span class="iconfont icon-shenglve"></span></div>
                        <p class='mui-ellipsis seriesContent'>
                            <span class="content-up">
                                    <span class="teachnum">12.2万次学习</span>
                            </span>
                            <span class="content-down">
                                    <span class="series-price">￥39.9</span>
                            </span>
                        </p>
                    </div>
                </li>
                <li class="mui-table-view-cell mui-media">
                    <img class="mui-media-object mui-pull-left seriesImg" src="../images/img_01.jpg">
                    <div class="mui-media-body">
                        <div class="seriesTitle"><span class="seriesText">心想事成100天线上成心想事成100天线上成长营长营心想事成100天线上成长营</span><span class="iconfont icon-shenglve"></span></div>
                        <p class='mui-ellipsis seriesContent'>
                            <span class="content-up">
                                  <span class="teachnum">12.2万次学习</span>
                            </span>
                            <span class="content-down">
                                   <span class="series-price"><span class="dis">￥<e>99.9</e></span>&nbsp;<span class="dis-icon">促</span>￥<e>39.9</e></span>
                            </span>
                        </p>
                    </div>
                </li>
            </ul>
        </div>
        <!-- 单次课 -->
        <div class="onece-list">
            <a href="onece_list.html">
                <div class="title mui-navigate-right">单次课</div>
            </a>
            <ul class="mui-table-view">
                <li class="mui-table-view-cell mui-media">
                    <img class="mui-media-object mui-pull-left seriesImg" src="../images/img_01.jpg">
                    <div class="mui-media-body">
                        <div class="seriesTitle"><span class="seriesText"><span class="shipin-icon"><i class="iconfont icon-shipin"></i>视频</span>心想事成100天线上成长营</span><span class="iconfont icon-shenglve"></span></div>
                        <p class='mui-ellipsis seriesContent'>
                            <span class="content-up">
                                    <span class="beforeteach"><i class="iconfont icon-shizhong"></i><e>2</e>天后</span><span class="teachnum">12.2万次学习</span>
                            </span>
                            <span class="content-down">
                                     <span class="series-free">免费</span>
                            </span>
                        </p>
                    </div>
                </li>
                <li class="mui-table-view-cell mui-media">
                    <img class="mui-media-object mui-pull-left seriesImg" src="../images/img_01.jpg">
                    <div class="mui-media-body">
                        <div class="seriesTitle"><span class="seriesText">心想事成100天线上成心想事成100天线上成长营长营心想事成100天线上成长营</span><span class="iconfont icon-shenglve"></span></div>
                        <p class='mui-ellipsis seriesContent'>
                            <span class="content-up">
                                    <span class="teaching">· 进行中</span><span class="teachnum">12.2万次学习</span>
                            </span>
                            <span class="content-down">
                                    <span class="series-price"><span class="dis">￥<e>99.9</e></span>&nbsp;<span class="dis-icon">促</span>￥<e>39.9</e></span>
                            </span>
                        </p>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <div id="seriessheet" class="mui-popover mui-popover-bottom mui-popover-action" style="background-color:#f2f2f2;">
        <ul class="mui-table-view">
            <li class="mui-table-view-cell">
                <span>系列课</span><span class="thiscourse">哈哈哈</span>
            </li>
            <li class="mui-table-view-cell">
                <a class="hide_series">隐藏系列课</a>
            </li>
            <li class="mui-table-view-cell">
                <a href="series_sort.html">系列课排序</a>
            </li>
            <li class="mui-table-view-cell">
                <a class="deleteseries">删除系列课<span style="color:#FF3B30">(不可恢复)</span></a>
            </li>
        </ul>
        <!-- 取消菜单 -->
        <ul class="mui-table-view cancel-wrap">
            <li class="mui-table-view-cell cancel">
                <a href="#seriessheet">取消</a>
            </li>
        </ul>
    </div>
    <div id="oencesheet" class="mui-popover mui-popover-bottom mui-popover-action" style="background-color:#f2f2f2;">
        <ul class="mui-table-view">
            <li class="mui-table-view-cell">
                <span>课程</span><span class="thiscourse">哈哈哈</span>
            </li>
            <li class="mui-table-view-cell">
                <a class="pushnotice">推送通知</a>
            </li>
            <li class="mui-table-view-cell">
                <a class="movetoseries">移动到系列课</a>
            </li>
            <li class="mui-table-view-cell">
                <a href="#sheet1">切换直播类型</a>
            </li>
            <li class="mui-table-view-cell">
                <a class="endlive" style="color:#FF3B30">结束直播</a>
            </li>
            <li class="mui-table-view-cell">
                <a class="deletelive">删除直播<e style="color:#FF3B30;">(不可恢复)</e></a>
            </li>
        </ul>
        <!-- 取消菜单 -->
        <ul class="mui-table-view cancel-wrap">
            <li class="mui-table-view-cell cancel">
                <a href="#oencesheet">取消</a>
            </li>
        </ul>
    </div>
</body>
<script src="../../Public/libs/mui.min.js" charset="utf-8"></script>
<script src="../../Public/libs/sea/sea.js" charset="utf-8"></script>
<script src="../../Public/libs/sea/sea-config.js" charset="utf-8"></script>
<script src="../../Public/libs/swiper-3.4.2.min.js" charset="utf-8"></script>
<script type="text/javascript">
    seajs.use(["../js/classroom_index"]);
</script>
<script id="pushTemp" type="text/html">
    <div>
        <div class="chance">还剩<e>3次</e>推送机会</div>
        <div class="intro">给开启推送的粉丝推送新课程开播通知，该课程总共3次推送机会，推送间隔需大于24小时，请谨慎使用！</div>
        <div class="push_dynamic"><span><i class="iconfont icon-xuanzhong"></i></span>同时发布到直播间动态</div>
    </div>
</script>
<script id="seriesList" type="text/html">
    <div>
        <ul class="mui-table-view mui-table-view-radio seriesList" style="height: 132px;overflow-y: scroll;">
            <li class="mui-table-view-cell">
                <a class="mui-navigate-right">
                    系列课1
                </a>
            </li>
            <li class="mui-table-view-cell">
                <a class="mui-navigate-right">
                    系列课2
                </a>
            </li>
            <li class="mui-table-view-cell">
                <a class="mui-navigate-right">
                    系列课3
                </a>
            </li>
            <li class="mui-table-view-cell">
                <a class="mui-navigate-right">
                    系列课4
                </a>
            </li>
        </ul>
    </div>
</script>
